<template>
	<div v-if="list.length > 0" class="imgList">
		<div
			v-for="(item, index) in list"
			v-bind:key="index"
			style="display: inline-block; float: left; margin-right: 10px"
		>
			<el-image
				style="width: 100%; height: 440px"
				:src="item"
				:preview-src-list="list"
			></el-image>
		</div>
	</div>
	<div v-else class="imgList"><label>暂无图片</label></div>
</template>

<script>
	export default {
		props: ["ImgBase64List"],
		computed: {
			list() {
				return this.ImgBase64List
			},
		},
	}
</script>

<style scoped>
	.imgList {
		height: 450px;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.imgList label {
		margin: 30% auto 0 auto;
		text-align: center;
		font-size: 18px;
		display: block;
	}
</style>
